<!-- 全链路对账结果（金额）显示组件 -->
<template>
  <a-steps>
    <a-popover slot="progressDot" slot-scope="{ index, status, title, description, prefixCls }">
      <template slot="content">
        <span>{{description}}</span>
      </template>
      <span :class="`${prefixCls}-icon-dot`" /> <!--这个是点状的样式，不能动-->
    </a-popover>
    <a-step v-for="(value, key, index) in listData" :title="key" :description="value"  :status="value" status="finish" :key="index"/>
  </a-steps>
</template>
<script>

export default {
  name: 'FullLinkAmt',
  data () {
    return {
      listData: {"PTPB":"1.00","UPCC":"9.99","CB":"0.00"},
    }
  },
  props: ['paramData'],
  model: {
    prop: 'paramData',
    event: 'update'
  },
  watch: {
    paramData (val) {
      Object.assign(this.listData, JSON.parse(val))
    }
  },
  methods: {
  }
}
</script>
